﻿<div id="pnContactInfo" class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <span class="glyphicon glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;
            <a data-toggle="collapse" href="javascript:#collapseContactInfo">{{strings.ContactInfo}}</a>
        </h4>
    </div>
    <div class="panel-body collapse in" id="collapseContactInfo">
        <div class="col-width-1">
            <ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options">
                <ui-gmap-marker idkey="map.marker.id" coords="map.marker.coords">
                    <ui-gmap-window>
                        <div>
                            {{data.Name}}
                        </div>
                    </ui-gmap-window>
                </ui-gmap-marker>
            </ui-gmap-google-map>
            <br />
            {{strings.Address}}: {{data.Address}}
            <br />
            {{strings.Phone}}: {{data.Phone}}
            <br />
            {{strings.Fax}}: {{data.Fax}}
            <br />
            {{strings.Email}}: {{data.Email}}
            <br />
            <!-- 
            <br />
            <span class="bolder">{{strings.SupportOnline}}:</span>
            -->
        </div>
    </div>
</div>